/* ================================= */
/* CSS for control sap.m/IconTabBar  */
/* Base theme                        */
/* ================================= */

.sapMITB {
	display: block;
	position: relative;
	width: 100%;
}

.sapMITBContentClosed {
	background-color: transparent;
	border-bottom: none;
	margin-top: 0.750rem;
	padding: 0.125rem 0 0 0;
	position: relative;
}

.sapMITBTab {
	display: block;
}

.sapMITBFilter:not(.sapMITBDisabled) .sapMITBFilterIcon,
.sapMITBTextOnly .sapMITBFilter:not(.sapMITBDisabled) .sapMITBText,
.sapMITBAll:not(.sapMITBDisabled) {
	cursor: pointer;
}

.sapMITBTextOnly .sapMITBFilter .sapMITBText {
	line-height: 1rem;
	margin: 0;
	padding: 0;
	text-align: left;
	width: auto;
	overflow: visible;
}

.sapMITBTextUpperCase .sapMITBText {
	text-transform: uppercase;
}

.sapMITBStretch {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.sapMITBStretch > .sapMITBContainerContent {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.sapMITBStretch > .sapMITBContainerContent > .sapMITBContent {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.sapMITB.sapMITBNoContentPadding > .sapMITBContainerContent > .sapMITBContent {
	padding: 0;
}

.sapMITBBackgroundDesignTransparent > .sapMITBContainerContent > .sapMITBContent {
	background-color: transparent;
}

/* fix rendering issue in BlackBerry - CSN: 0120061532 0001463943 2014 */
.sap-bb .sapMITBContainerContent {
	overflow: hidden;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMITB", ~"> .sapMITBContainerContent > .sapMITBContent");

/* Head Container */

.sapMITBHead {
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	display: inline-block;
	margin: 1rem 0.75rem 0 0.25rem;
	vertical-align: top;
	font-size: @sapMFontSmallSize;
	padding: 1px 1px 0 1px;
}

.sapMITBScrollContainer {
	/* the same padding as on the sapMITBHead is needed
	to correct the scrolling calculations*/
	padding: 1px 1px 0 1px;
}

html.sap-phone .sapMITB .sapMITBHead {
	display: inline-block;
	margin: 1rem 0 0;
	vertical-align: top;
	padding: 0;
}

.sapMITBScrollContainer {
	display: block;
	margin: 0 1.75rem;
}

.sapMITHOverflowList .sapMITBScrollContainer {
	margin: 0 4.25rem 0 1.75rem;
}

html.sap-phone .sapMITBScrollContainer {
	margin: 0 1rem;
	padding: 0;
}

html.sap-phone .sapMITHOverflowList .sapMITBScrollContainer {
	margin: 0 4rem 0 1rem;
}

.sapMITBScrollContainer::-webkit-scrollbar {
	display: none;
}

/* scrollbar from iscroll should not be visible */
.sapMITBScrollContainer > div:nth-child(2) {
	visibility: hidden;
}

/* Arrow */

.sapMITBContentArrow {
	border-bottom: 0.125rem solid transparent;
	box-sizing: border-box;
	height: 1rem;
}

.sapMITBTextOnly > .sapMITBVertical.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
	height: 0.625rem;
}

.sapMITBInLine.sapMITBTextOnly > .sapMITBVertical.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
	height: 0.8125rem;
}

html.sap-phone :not(.sapMITBInLine).sapMITBTextOnly > .sapMITBVertical.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
	height: 0.5rem;
}

.sapMITBNoText > .sapMITBFilter > .sapMITBContentArrow {
	margin: 0 auto;
	width: 3rem;
}

.sapMITBNoText > .sapMITBFilter:first-child > .sapMITBContentArrow {
	margin: 0 auto 0 0;
}

.sapMITBVertical.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
	height: 0.6875rem;
}

.sapMITBAll > .sapMITBTab {
	height: 3rem;
	margin-bottom: 1rem;
}

.sapMITBHorizontal.sapMITBAll > .sapMITBTab {
	margin-bottom: 0;
}

.sapMITBHorizontal.sapMITBFilter > .sapMITBContentArrow {
	width: 3rem;
}

html[dir='rtl'] .sapMITBContentArrow {
	z-index: 1;
}

/* Content Container */

.sapMITBContent {
	padding: 1rem;
	position: relative;
	background-color: @sapUiGroupContentBackground;
}

html.sap-phone .sapMITBContent {
	padding: 0;
}

.sapMITBContainerContent {
	margin-top: 0;
	padding: 0;
	position: relative;
}

.sapMITBContainerContent.sapMITBContentClosed {
	background-color: transparent;
	border-bottom: none;
}

/* Tab Item */

.sapMITBTab {
	width: 5rem;
}

.sapMITBVertical > .sapMITBTab {
	height: 3rem;
}

.sapMITBTextOnly .sapMITBTab {
	height: 1rem;
	padding: 0.5625rem 0 0.3125rem 0;
	text-align: left;
	width: auto;
}

html.sap-phone .sapMITBTextOnly .sapMITBTab {
	padding: 0.25rem 0 0.25rem 0;
}

html[dir=rtl] .sapMITBTextOnly .sapMITBTab {
	text-align: right;
}

.sapMITBItem {
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: top;
	color: @sapUiGroupTitleTextColor;
}

html.sap-desktop .sapMITBFilter:not(.sapMITBDisabled) {
	cursor: pointer;
}

.sapMITBDisabled {
	opacity: 0.5;
}

/* Tab Filter Item */

.sapMITBFilter {
	margin: 0 0.25rem;
}

.sapMITBFilter:first-child {
	margin-left: 0;
}

.sapMITBNoText .sapMITBFilter > .sapMITBTab {
	margin: 0 0.75rem;
	width: 3rem;
}

.sapMITBNoText .sapMITBFilter:first-child > .sapMITBTab {
	margin-left: 0;
}

.sapMITBNoText .sapMITBItemNoCount.sapMITBFilter:last-child > .sapMITBTab {
	margin-right: 0;
}

.sapMITBNoText .sapMITBItemNoCount.sapMITBFilter:last-child {
	padding-right: 0;
	margin-right: 0;
}

.sapMITBNoText .sapMITBItemNoCount.sapMITBFilter:last-child .sapMITBContentArrow {
	margin-right: 0;
}

.sapMITBTextOnly .sapMITBFilter {
	margin: 0 1rem;
}

.sapMITBTextOnly .sapMITBFilter:first-child {
	margin-left: 0;
}

html.sap-phone .sapMITBTextOnly .sapMITBFilter {
	margin: 0 0.5rem;
}

html.sap-phone .sapMITBFilter {
	margin: 0 0.25rem;
}

html.sap-phone .sapMITBFilter:first-child {
	margin-left: 0;
}

.sapMITBHorizontal.sapMITBFilter:first-child > .sapMITBTab {
	padding-left: 0;
}

.sapMITBHorizontal.sapMITBFilter:first-child > .sapMITBText {
	padding-left: 3.25rem;
}

.sapMITBFilter .sapMITBText {
	line-height: 0.9375rem;
	overflow: hidden;
	padding: 0.375rem 0 0;
	position: relative;
	text-overflow: ellipsis;
	width: 5rem;
	color: @sapUiGroupTitleTextColor;
	text-shadow: @sapUiShadowText;
}

.sapMITBHorizontal.sapMITBFilter .sapMITBText {
	padding: 0.625rem 0 0;
}

.sapMITBVertical {
	height: 5rem;
}

.sapMITBTextOnly > .sapMITBVertical {
	height: 3.5rem;
}

.sapMITBInLine.sapMITBTextOnly > .sapMITBVertical {
	height: 3rem;
}

html.sap-phone .sapMITBTextOnly > .sapMITBVertical {
	height: 3rem;
}

.sapMITBNoText > .sapMITBVertical {
	height: 4rem;
}

.sapMITBHorizontalWrapper {
	display: inline-block;
	height: 3rem;
	left: -1rem;
	max-width: 7.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
	width: auto;
}

.sapMITBHorizontal.sapMITBFilter > .sapMITBHorizontalWrapper > .sapMITBText {
	display: block;
	max-width: 7.5rem;
	padding-left: 0.25rem;
	text-align: left;
	top: 0.3125rem;
	width: auto;
}

.sapMITBHorizontal.sapMITBFilter {
	height: 4rem;
}

.sapMITBHorizontal.sapMITBFilter > .sapMITBHorizontalWrapper > .sapMITBCount {
	display: block;
	max-width: 7.5rem;
	padding-left: 0.25rem;
	position: relative;
	text-align: left;
	top: 0.4375rem;
}

html[dir='rtl'] .sapMITBHorizontal.sapMITBFilter > .sapMITBHorizontalWrapper > .sapMITBCount {
	text-align: right;
}

.sapMITBHorizontal.sapMITBFilter > .sapMITBTab {
	display: inline-block;
	height: 3rem;
	padding: 0;
	vertical-align: top;
	width: 3rem;
}

.sapMITBFilterIcon {
	border-bottom-left-radius: 3rem;
	border-bottom-right-radius: 3rem;
	-moz-border-radius: 3rem;
	border-top-left-radius: 3rem;
	/* some native browsers like Samsung Galaxy S4 with Android 4.2 does not support the "border-
	radius" shorthand property but does support the long-hand properties for each corner like
	"border-top-left-radius" */
	border-top-right-radius: 3rem;
	box-sizing: border-box;
	display: inline-block;
	font-size: 1.5rem;
	height: 3rem;
	line-height: 2.75rem;
	overflow: hidden;
	width: 3rem;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

.sapMITBFilterNoIcon {
	display: inline-block;
	height: 3rem;
	vertical-align: middle;
	width: 3rem;
}

.sapMITBTextOnly .sapMITBText {
	font-size: @sapMFontMediumSize;
}

.sapMITBTextOnly .sapMITBFilterDefault > .sapMITBText {
	color: @sapUiGroupTitleTextColor;
	text-shadow: @sapUiShadowText;
}

.sapMITBFilter .sapMITBCount {
	color: @sapUiGroupTitleTextColor;
	text-shadow: @sapUiShadowText;
	max-width: 2rem;
	overflow: hidden;
	position: absolute;
	text-overflow: ellipsis;
}

.sapMITBTextOnly .sapMITBFilter .sapMITBCount {
	font-size: @sapMFontMediumSize;
	max-width: none;
	position: relative;
}

.sapMITBCount {
	color: @sapUiGroupTitleTextColor;
}

/* Tab Filter Show All Item */

.sapMITBAll .sapMITBTab {
	display: inline-block;
	height: 3rem;
	line-height: 3rem;
	width: auto;
}

.sapMITBAll {
	margin-right: 1.25rem;
}

html.sap-phone .sapMITBAll {
	margin-right: 0.25rem;
}

.sapMITBAll .sapMITBCount {
	display: inline-block;
	font-size: 1.5rem;
	padding: 0 0.5rem;
	vertical-align: middle;
	width: auto;
	color: @sapUiGroupTitleTextColor;
	text-shadow: @sapUiShadowText;
}

html.sap-phone .sapMITBAll > .sapMITBTab > .sapMITBCount {
	padding: 0 0.25rem;
}

.sapMITBAll:first-Child > .sapMITBTab > .sapMITBCount {
	padding-left: 0;
}

.sapMITBAll .sapMITBText {
	display: inline-block;
	max-height: 3rem;
	max-width: 4rem;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: normal;
	width: auto;
	color: @sapUiGroupTitleTextColor;
	text-shadow: @sapUiShadowText;
}

html.sap-phone .sapMITBAll .sapMITBText {
	padding-right: 0.5rem;
}

/* Tab Filter In Line */

.sapMITBInLine .sapMITBFilter > .sapMITBText {
	margin: 1rem 0 0.1875rem 0;
}

.sapMITBFilter:last-child,
.sapMITBNoText .sapMITBFilter:last-child {
	padding-right: 1rem;
}

.sapMITB .sapMITBItemNoCount.sapMITBFilter:last-child {
	padding-right:0.8rem;
}

/* Tab Separator Item */

.sapMITBSep {
	width: 1.5rem;
}

.sapMITBSepLine {
	height: 3rem;
	margin: 0 0.25rem;
	width: 0;
	border: 1px solid @sapUiListBorderColor;
}

html.sap-phone .sapMITBSepLine {
	margin: 0 0.125rem;
}

.sapMITBSepIcon {
	font-size: 1rem;
	height: 3rem;
	line-height: 3rem;
	padding: 0 0.25rem;
	color: @sapUiContentNonInteractiveIconColor;
}

.sapMITBSepIcon::before {
	text-shadow: @sapUiShadowText;
}

.sapMITBHorizontal + .sapMITBSep {
	width: auto;
}

.sapMITBHorizontal + .sapMITBSep > .sapMITBSepIcon {
	padding: 0 0.5rem;
}

.sapMITBArrowScroll {
	cursor: pointer;
	font-size: 1rem;
	position: absolute;
	top: 1rem;
	color: @sapUiContentIconColor;
}

.sapMITBArrowScrollLeft {
	left: 0.25rem;
	padding: 1rem 0.4rem;
}

.sapMITBArrowScrollRight {
	padding: 1rem 0.4rem;
	right: 0.25rem;
}

.sapMITHOverflowList .sapMITBArrowScrollRight {
	right: 2.75rem;
}

.sapMITBArrowScrollLeftTextOnly {
	left: 0.25rem;
	padding: 1.0625rem 0.4rem;
}

.sapMITBArrowScrollRightTextOnly {
	padding: 1.0625rem 0.4rem;
	right: 0.25rem;
}

.sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
	right: 2.75rem;
}

html.sap-phone .sapMITBArrowScrollLeft {
	left: 0.25rem;
	padding: 1rem 0;
}

html.sap-phone .sapMITBArrowScrollRight {
	padding: 1rem 0;
	right: 0.25rem;
}

html.sap-phone .sapMITHOverflowList .sapMITBArrowScrollRight {
	right: 3.25rem;
}

html.sap-phone .sapMITBArrowScrollLeftTextOnly {
	left: 0.25rem;
	padding: 0.75rem 0;
}

html.sap-phone .sapMITBArrowScrollRightTextOnly {
	padding: 0.75rem 0;
	right: 0.25rem;
}

html.sap-phone .sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
	right: 3.25rem;
}

html.sap-phone .sapMITB .sapMITBArrowScrollLeftTextOnly.sapMITBArrowScrollLeftInLine,
html.sap-phone .sapMITB .sapMITBArrowScrollRightTextOnly.sapMITBArrowScrollRightInLine {
	padding: 0.9375rem 0;
}

.sapMITBNotScrollable > .sapMITBArrowScroll {
	visibility: hidden;
}

.sapMITBScrollable.sapMITBNoScrollBack > .sapMITBArrowScrollLeft,
.sapMITBScrollable.sapMITBNoScrollBack > .sapMITBArrowScrollLeftTextOnly,
.sapMITBScrollable.sapMITBNoScrollForward > .sapMITBArrowScrollRight,
.sapMITBScrollable.sapMITBNoScrollForward > .sapMITBArrowScrollRightTextOnly {
	visibility: hidden;
}

.sapMITBArrowScroll:focus,
.sapMITBHead:focus,
.sapMITBFilterIcon:focus,
.sapMITBItem:focus {
	outline: none;
}

.sapMITH .sapMBtn {
	position: absolute;
	top: 1rem;
	right: 0;
	visibility: hidden;
	padding-right: 0.25rem;
	outline: none;
}

html.sap-phone .sapMITH .sapMBtn.sapMBtnTextOnly,
.sapMITH .sapMBtn.sapMBtnInline {
	top: 1rem;
}

.sapMITH .sapMBtn.sapMBtnTextOnly {
	top: 1.25rem;
}

.sapMITH .sapMBtn.sapMBtnNoText {
	top: 1rem;
}

.sapMITBScrollable.sapMITH .sapMBtn {
	visibility: visible;
}

.sapMITBNoSelection {
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

/* Compact size */
.sapUiSizeCompact {
	.sapMITH .sapMBtn,
	.sapMITH .sapMBtn.sapMBtnInline,
	.sapMITH .sapMBtn.sapMBtnTextOnly,
	.sapMITH .sapMBtn.sapMBtnNoText {
		top: 1.5rem;
	}
}

html.sap-phone .sapUiSizeCompact .sapMITH .sapMBtn.sapMBtnTextOnly {
	top: 1.25rem;
}

/* overrides responsive settings */
@media (max-width:599px) {
	.sapMITB.sapUiNoContentPadding,
	.sapMITB.sapUiResponsiveContentPadding {
		.sapMITBHead {
			margin: 1rem 1rem 0 0;
		}

		.sapMITBScrollContainer {
			margin: 0 1rem;
		}

		.sapMITHOverflowList .sapMITBScrollContainer {
			margin: 0 4rem 0 1rem;
		}

		.sapMITBArrowScrollLeft {
			left: 0.25rem;
			padding: 1rem 0;
		}

		.sapMITBArrowScrollRight {
			padding: 1rem 0;
			right: 0.25rem;
		}

		.sapMITHOverflowList .sapMITBArrowScrollRight {
			right: 3.25rem;
		}

		.sapMITBArrowScrollLeftTextOnly {
			left: 0.25rem;
			padding: 0.75rem 0;
		}

		.sapMITBArrowScrollRightTextOnly {
			padding: 0.75rem 0;
			right: 0.25rem;
		}

		.sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
			right: 3.25rem;
		}

		.sapMITBArrowScrollLeftTextOnly.sapMITBArrowScrollLeftInLine,
		.sapMITBArrowScrollRightTextOnly.sapMITBArrowScrollRightInLine {
			padding: 1.0625rem 0;
		}

		.sapMITH .sapMBtn.sapMBtnTextOnly {
			top: 1.125rem;
		}
	}
}